<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./css/nav.css" />
    <link rel="stylesheet" href="./css/banner.css" />
    <link rel="stylesheet" href="./css/classic.css" />
    <link rel="stylesheet" href="./css/newscenter.css" />
    <link rel="stylesheet" href="./css/course.css" />
    <link rel="stylesheet" href="./css/productin.css" />
    <link rel="stylesheet" href="./css/zone.css" />
    <link rel="stylesheet" href="./css/footer.css" />
    <link rel="stylesheet" href="./css/footnav.css" />
    <link rel="stylesheet" href="./css/fixed.css" />
  </head>
  <body>
    <div class="nav">
      <div class="s-center">
        <h1>logo</h1>
        <ul class="clearfix">
          <li><a href="#">首页</a></li>
          <li><a href="#">公司介绍</a></li>
          <li><a href="#">产品中心</a></li>
          <li><a href="#">销售网络</a></li>
          <li><a href="#">服务中心</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </div>
    </div>
    <div class="banner">
      <div class="b-center">
        <div class="pic">
          <h1>Banner</h1>
          <!-- 控制符 -->
          <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="fixed">
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
    </div>
    <div class="classic">
      <div class="b-center">
        <div class="up">
          <div class="s-center">
            <h3>经典案例</h3>
          </div>
        </div>
        <div class="down">
          <div class="s-center">
            <h4>Classic Case</h4>
            <ul>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="newscenter">
      <div class="b-center">
        <div class="up">
          <div class="s-center">
            <h3>新闻中心</h3>
          </div>
        </div>
        <div class="down">
          <div class="s-center">
            <h2>News Center</h2>
            <div>
              <ul>
                <li></li>
              </ul>
              <ul>
                <li></li>
                <li></li>
                <li></li>
              </ul>
            </div>
            <div class="xinshanggao">
              <div>
                <span>新尚高，新未来的上高</span>
                <span>新尚高，新未来的上高</span>
                <span>新尚高，新未来的上高</span>
                <span>新尚高，新未来的上高</span>
              </div>
              <div>
                <span>新尚高，新未来的上高</span>
                <span>新尚高，新未来的上高</span>
                <span>新尚高，新未来的上高</span>
                <span>新尚高，新未来的上高</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="course">
      <div class="b-center">
        <div class="up">
          <div class="s-center">
            <h3>发展历程</h3>
          </div>
        </div>
        <div class="down">
          <div class="s-center">
            <h4>Development Course</h4>
            <ul>
              <li>
                <div></div>
                <div>
                  <p>新尚高，新未来的上高</p>
                  <p>
                    2007年,公司在产品结构和峰读网点上都酸了大的调脑。在产品上面推出了四大风岗,从浴室柜的舰范到联列的设计。
                  </p>
                </div>
              </li>
              <li>
                <div></div>
                <div>
                  <p>新尚高，新未来的上高</p>
                  <p>
                    2007年,公司在产品结构和峰读网点上都酸了大的调脑。在产品上面推出了四大风岗,从浴室柜的舰范到联列的设计。
                  </p>
                </div>
              </li>
            </ul>
            <ul>
              <li>
                <div></div>
                <div>
                  <p>新尚高，新未来的上高</p>
                  <p>
                    2007年,公司在产品结构和峰读网点上都酸了大的调脑。在产品上面推出了四大风岗,从浴室柜的舰范到联列的设计。
                  </p>
                </div>
              </li>
              <li>
                <div></div>
                <div>
                  <p>新尚高，新未来的上高</p>
                  <p>
                    2007年,公司在产品结构和峰读网点上都酸了大的调脑。在产品上面推出了四大风岗,从浴室柜的舰范到联列的设计。
                  </p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="procuctin">
      <div class="b-center">
        <div class="up">
          <div class="s-center">
            <h3>产品介绍</h3>
          </div>
        </div>
        <div class="down">
          <div class="s-center">
            <h4>Product Introduction</h4>
            <div class="introduction"></div>
            <div class="fuwu">
              <span>服务预约</span>
              <span>活动预约</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="zone">
      <div class="b-center">
        <div class="up">
          <div class="s-center">
            <h3>合作专区</h3>
          </div>
        </div>
        <div class="down">
          <div class="s-center">
            <h4>Investment Zone</h4>
            <div>
              <div></div>
              <div></div>
              <div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="s-center">
        <div>
          <div class="l1">
            <img src="./imgs/qrcode_for_gh_db631fbaf55a_258.jpg" alt="" />
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>河南省郑州市金水区</li>
            </ul>
          </div>
          <div class="l2">
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
            </ul>
          </div>
          <div class="l3">
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
            </ul>
          </div>
          <div class="l4">
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
            </ul>
          </div>
          <div class="l5">
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
            </ul>
          </div>
          <div class="l6">
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
            </ul>
          </div>
          <div class="l7">
            <ul>
              <li class="cur">联系我们</li>
              <li>联系我们</li>
              <li>联系我们</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="footnav">
      <div class="s-center">
        <ul class="clearfix">
          <li><a href="#">首页</a></li>
          <li><a href="#">公司介绍</a></li>
          <li><a href="#">产品中心</a></li>
          <li><a href="#">销售网络</a></li>
          <li><a href="#">服务中心</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <div>
          <span>TOP</span>
          <span>反馈</span>
        </div>
      </div>
    </div>
    <div class="fixed">
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
      <div>案例</div>
    </div>
  </body>
</html>
